﻿<Window x:Class="PowerSong.UserInterface.EditStyleWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Edit Style" Height="563" Width="596" Icon="/PowerSong;component/Icons/BlackIcon.ico"
        WindowStartupLocation="CenterScreen"
        xmlns:my="clr-namespace:PowerSong.UserInterface">
    <Grid>
        <Button Content="_Cancel" Height="23" HorizontalAlignment="Right" Margin="0,0,12,12" Name="CancelButton" VerticalAlignment="Bottom" Width="75" Click="CancelButton_Click" IsCancel="True" />
        <Button Content="_Save" Height="23" HorizontalAlignment="Right" Margin="0,0,93,12" Name="OKButton" VerticalAlignment="Bottom" Width="75" Click="OKButton_Click" IsDefault="True" />
        <TabControl Margin="12,51,12,41" TabStripPlacement="Top" Name="StyleTabControl" SelectionChanged="StyleTabControl_SelectionChanged">
            <TabItem Name="PreviewTabItem" Header="Preview">
                <Grid>
                    <Grid Margin="6,29,6,6" Name="ProjectorPreview" Background="Black" />
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,4,0,0">
                        <Button Content="Fade Out" Height="23" Name="FadeOutButton" Width="75" Margin="0,0,8,0" Click="FadeOutButton_Click" />
                        <Button Content="Fade In" Height="23" Name="FadeInButton" Width="75" Margin="0,0,8,0" Click="FadeInButton_Click" />
                        <Button Content="Cross Fade" Height="23" Name="CrossFadeButton" Width="75" Click="CrossFadeButton_Click" />
                    </StackPanel>                    
                </Grid>
            </TabItem>
            <TabItem Header="Background">
                <Grid>
                    
                    <RadioButton Content="Use a background colour" Height="16" HorizontalAlignment="Left" Margin="6,18,0,0" Name="BackgroundColorRadioButton" VerticalAlignment="Top" Checked="BackgroundTypeChanged" />
                    <my:ColorControl HorizontalAlignment="Left" Margin="161,14,0,0" x:Name="BackgroundColor" VerticalAlignment="Top" />
                    
                    <RadioButton Content="Use a background image" Height="16" HorizontalAlignment="Left" Margin="6,48,0,0" Name="BackgroundImageRadioButton" VerticalAlignment="Top" Checked="BackgroundTypeChanged" />
                    <my:OpenFileControl Margin="48,70,6,0" x:Name="ImageFileName" VerticalAlignment="Top" FileNameChanged="ImageFileName_FileNameChanged" />
                    
                    <RadioButton Content="Use a background video" Height="16" HorizontalAlignment="Left" Margin="6,107,0,0" Name="BackgroundVideoRadioButton" VerticalAlignment="Top" Checked="BackgroundTypeChanged" />
                    <my:OpenFileControl Margin="48,129,6,0" x:Name="VideoFileName" VerticalAlignment="Top" FileNameChanged="VideoFileName_FileNameChanged" />
                    <CheckBox Content="Mute Audio" Height="16" HorizontalAlignment="Left" Margin="244,161,0,0" Name="MuteAudioCheckBox" VerticalAlignment="Top" Checked="MuteAudioCheckBox_Checked" Unchecked="MuteAudioCheckBox_Unchecked" />
                    <TextBlock HorizontalAlignment="Left" Margin="48,161,0,0" Text="Volume:" VerticalAlignment="Top" />
                    <Slider Height="23" HorizontalAlignment="Left" Margin="97,157,0,0" Name="VolumeSlider" VerticalAlignment="Top" Width="100" />
                    <TextBlock HorizontalAlignment="Left" Margin="203,161,0,0" Text="{Binding ElementName=VolumeSlider,Path=Value}" VerticalAlignment="Top" />

                    <Border Name="BackgroundPreviewBorder" BorderBrush="Silver" BorderThickness="1" Height="200" HorizontalAlignment="Center" Margin="0,0,0,6" VerticalAlignment="Bottom" Width="275" />
                    
                </Grid>
            </TabItem>
            <TabItem Header="Elements">
                <Grid>
                    <Button Content="Edit Title Element..." Height="23" HorizontalAlignment="Right" Margin="0,79,6,0" Name="EditTitleButton" VerticalAlignment="Top" Width="154" Click="EditTitleButton_Click" />
                    <Button Content="Edit Verse Element..." Height="23" HorizontalAlignment="Right" Margin="0,197,6,0" Name="EditVerseButton" VerticalAlignment="Top" Width="154" Click="EditVerseButton_Click" />
                    <Button Content="Edit Copyright Element..." Height="23" HorizontalAlignment="Right" Margin="0,315,6,0" Name="EditCopyrightButton" VerticalAlignment="Top" Width="154" Click="EditCopyrightButton_Click" />
                    <my:SubStylePreview Margin="6,6,6,0" x:Name="TitleTextPreview" VerticalAlignment="Top" Text="Title Text" Height="67" />
                    <my:SubStylePreview Height="67" Margin="6,124,6,0" x:Name="VerseTextPreview" Text="Verse Text" VerticalAlignment="Top" />
                    <my:SubStylePreview Height="67" Margin="6,242,6,0" x:Name="CopyrightTextPreview" Text="Copyright Text" VerticalAlignment="Top" />
                </Grid>
            </TabItem>
        </TabControl>
        <my:NameTextBox Margin="12,12,12,0" x:Name="NameTextBox" VerticalAlignment="Top" />
    </Grid>
</Window>
